<template>
	<view class="ff-safearea-bottom" :style="[safeareaBottomStyle]"></view>
</template>

<script>
	export default {
		name: "ff-safearea-bottom",
		options: {
			virtualHost: true
		},
		props: {

		},
		data() {
			return {

			}
		},
		provide() {
			return {

			}
		},
		computed: {
			safeareaBottomStyle() {
				let style = {
					width: '100%',
					height: this.$ff.safeAreaInsets.bottom + 'px',
				}
				return style
			},
		},
		mounted() {

		},
		// #ifdef VUE2
		destroyed() {

		},
		// #endif
		// #ifdef VUE3
		unmounted() {

		},
		// #endif
		methods: {

		},
	}
</script>

<style scoped>
	@import "../../librarys/css/components.css";

	.ff-safearea-bottom {

	}
</style>